﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>RiaSoft:: Búsqueda ::</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<link href="../examples/client/css/phokus/phokus.css" media="screen" rel="Stylesheet" type="text/css">
<!--[if lt IE 7]>
<link href="css/phokus/phokus-ie.css" media="screen" rel="Stylesheet" type="text/css">
<![endif]-->
<!--[if IE 7]>
<link href="css/phokus/phokus-ie7.css" media="screen" rel="Stylesheet" type="text/css">
<![endif]-->
<script src="../src/rico.js" type="text/javascript"></script>
<script src="../src/prototype.js" type="text/javascript"></script>
<script type='text/javascript'>

	Rico.loadModule('Accordion','Calendar');
	var cal1,cal1Box,cal2,cal2Box; //calendario
	var colorpicker,colorBox;
	
	
	Rico.onLoad( function() { //acordion
	  
	  new Rico.Accordion( $$('div.panelheader'), $$('div.panelContent'), 
                      {panelHeight:200, selectPanelIndex: 0, stepping: Rico.Stepping.ease_in });
					  
	 	  // inicializa el calendario marcando las fechas festivas
  cal1Box=$('CalendarValue1');
  cal1=new Rico.CalendarControl("cal1");
  cal1.addHoliday(25,12,0,'Christmas','#F55','white');
  cal1.addHoliday(1,1,0,'New Years','#2F2','white');
  cal1.atLoad();
  cal1.returnValue=function(newVal) { cal1Box.value=newVal; };
  SetDateFormat();
  
  
    cal2Box=$('CalendarValue2');
  cal2=new Rico.CalendarControl("cal2", {showWeekNumber:1});
  cal2.atLoad();
  cal2.returnValue=function(newVal) { cal2Box.value=newVal; };
  
	});

		
	
function CalendarClick1(e) {
  if (Element.visible(cal1.container)) {
    cal1.close();
  } else {
    RicoUtil.positionCtlOverIcon(cal1.container,$('CalendarButton1'));
    cal1.open(cal1Box.value);
  }
  Event.stop(e);
}

function CalendarClick2(e) {
  if (Element.visible(cal2.container)) {
    cal2.close();
  } else {
    RicoUtil.positionCtlOverIcon(cal2.container,$('CalendarButton2'));
    cal1.close();
    cal3.close();
    cal2.open(cal2Box.value);
    colorpicker.close();
  }
  Event.stop(e);
}

function SetDateFormat(e) {
  cal1Box.value='';
  cal1.setDateFmt($F('CalFormat'));
}
	
	
</script>

<style type="text/css">
	.panel {
	    width: 180px;
	    padding: 0pt 15px 15px;
	    background: transparent url('examples/client/images/phokus/sb-bottom.jpg') no-repeat scroll 0pt 100%;
	}

	.panel h3, label{
	     margin: 0pt 0pt 5px -15px;
	     padding: 15px 34px 0pt 15px;
	     width: 180px;
	     background: transparent url('examples/client/images/phokus/sb-top.jpg') no-repeat scroll 0%;
	     color: #FFFFFF;
	     display: block;
	     font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	     font-size: 1em;
	     font-weight: bold;
	     position: relative;
	     text-transform: uppercase;
	     cursor: pointer;
	 }

	.panelContent {
	   width:170px;
	   height:250px;	   
	}
	
div.ricoPopup {
  background-color: white;
  border: 2px solid black;
  padding: 5px;
}
div.ricoWindow {
  border: 2px solid black;
}
.ricoTitle {
  padding: 3px;
  color: white;
  background-color: black;
}
#row1 span {
  font-size: 8pt;
}
#CalFormat {
  font-size: 8pt;
}
.Estilo1 {
	color: #FFFF00;
	font-weight: bold;
}
</style>

</head>


<body>
	<div id="page">
		<div id="main">
			<div class="post">
				<h2>Resultado de la búsqueda</h2>
				<div class="post-content" id="post-caption">
					<p class="auth"><a href="javascript:void(0)" onclick="Rico.animate({fadeOut:$('post-caption')})">Creador por RiaSoft</a>
					<span class="typo_date" title="fecha">    
				    <script language="javascript">
						document.write(textosemana[diasemana] + ", " + diames + " de " + textomes[mes] + " de " + ano + "<br>");
					</script>
					</span></p>
					<p align="justify">
					Bienvenido<br><br>
					En esta sección usted podrá realizar la búsqueda de archivos indexados, la búsqueda es para documentos .txt, .doc y .html. El resultado de la búsqueda se muestra en esta sección con la lista de los archivos paginados. Al acceder a uno de ellos le muestra una nueva ventana donde podrá observar el contenido.
					</p> <p align="justify">
					Existen diferetentes tipos de búsqueda: <strong>Búsqueda directa</strong>, sin haber seleccionado algún filtro y solo escribir el nombre del documento a buscar; <strong> Búsqueda por filtros </strong><br>
					<UL TYPE=CIRCLE>
						<LI> <u>Por tamaño: </u> Indicando la cantidad mínima en Kb del archivo
						<LI> <u> Por tipo: </u> Seleccionando .text, doc  o .html
				        <li> <u> Por fecha: </u> Selecciona de un calendario la fecha de creación del documento
					</UL>
					</p> <p align="justify">
					Existe también la búsqueda de documentos por recomendación indicada en la <strong><em>nube</em></strong><br>
					Donde los documentos más consultados se muestran con mayor letra que los documentos que son menos accedidos.
					</p> <p align="justify">
					Gracias por hacer uso de nuestro sitio por favor visítenos en <a href="http://www.google.com">Google</a> para realizar búsquedas no indexadas en este sitio.
					</p> <p align="justify">
					Siga disfrutando de RIAs e Intenilengia colectiva
					</p>
					<p class="meta">Posted in <a href="#examples" rel="tag">example</a>&nbsp;<strong>|</strong>&nbsp;Tags <a href="#example" rel="tag">blog</a>, <a href="#example" rel="tag">blah</a>&nbsp;<strong>|</strong>&nbsp;<a href="#comments">261 comments</a>&nbsp;<strong>|</strong>&nbsp;<a href="#trackbacks">99 trackbacks</a></p>
				</div>
			</div>
		</div><!-- #main -->

	<div id="sidebar">

     <div id="accordionExample">
     
     <div class="panel">
          <div id="search" class="panelheader">
            <label for="q">Buscar</label>
          </div>                      
          <div id="search-results" class="panelContent">
            <form action="/#example" id="sform" method="get">
             <div>
             <table>
             <tr>
                <td>
             Palabra:
             <input type="text" id="txtBusca" name="txtBusca" value="" size="25" >
                </td>
              </tr>
              <tr>
                 <td align="center">
             <input type="button" value="Buscar"/>
                  </td>
               </tr>
             </table>
             <span id="search_spinner" style="display:none"></span>
             <br> <br>
             <span class="Estilo1"> FILTROS </span>	                      
<br>
                  <table>
                     <tr>
                        <td>
                            <input type="radio" name="tamaño" value="tamaño"> Tamaño &nbsp;&nbsp;
                        </td>
                        <td>
                            <input tabindex="text" size="10"> kb
                        </td>
                     </tr>
                     <tr>
                        <td>
                		 <input type="radio" name="tipo" value="tipo"> Tipo &nbsp;&nbsp;
                        </td>
                        <td>
                           <SELECT NAME="lista1">
                            <OPTION>.text </OPTION>
                            <OPTION>.doc </OPTION>
                            <OPTION>.html </OPTION>
                           </SELECT>
                         </td>
                     </tr>                  
<tr>
<td>
   <button id='CalendarButton1' onclick='CalendarClick1(event)'>Fecha</button>
</td>
<td>
<select id='CalFormat' onchange='SetDateFormat(event)'>
<option>dd-mm-yyyy</option>
<option>yyyy-mm-dd</option>
<option>mm/dd/yyyy</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type='text' id='CalendarValue1' size='10'>
</td>
</tr>
</table>




<!-- CALENDARIO
                  <table border='1' cellspacing='0' cellpadding='7'>
					<tr id='row1' valign='top'>
 					  <td><button id='CalendarButton1' onclick='CalendarClick1(event)'>Calendar</button>
					  <br><select id='CalFormat' onchange='SetDateFormat(event)' >
					  <option>dd/mm/yyyy</option>
					  </select>
					  </td>
					</tr>
					<tr>
						<td><input type='text' id='CalendarValue1' size='10'></td>
					</tr>
				</table>
                
   CALENDARIO   -->
             
             </div>
            </form>
          </div>
	</div>
     
     
   	<div class="panel">
	  <div class="panelheader">
	  	<h3>Nube de etiquetas</h3>
	  </div>
		<div style="display: none;"  class="panelContent">
           <p style="overflow:hidden; text-align:center;">
           <span style="font-size:191.4285714285714%"><a href="#example/js">js</a></span>
           <span style="font-size:228.571428571429%"><a href="#example/web">Web 2.0</a></span>
           <span style="font-size:45.7142857142857%"><a href="#example/dhtml">dHtml</a></span>
           <span style="font-size:91.4285714285714%"><a href="#example/flash-fx">flash-fx</a></span>
           <span style="font-size:191.4285714285714%"><a href="#example/smooth">smooth</a></span>
           <span style="font-size:320.0%"><a href="#example/rico">openRico</a></span>
           <span style="font-size:137.142857142857%"><a href="#example/easy">easy</a></span>
           <span style="font-size:145.7142857142857%"><a href="#example/extend">extendable</a></span>
           <span style="font-size:145.7142857142857%"><a href="#example/more">more</a></span>
           <span style="font-size:91.4285714285714%"><a href="#example/coming">coming</a></span>
           <span style="font-size:45.7142857142857%"><a href="#example/soon">soon</a></span>
           <span style="font-size:191.4285714285714%"><a href="#example/support">support</a></span>
           <span style="font-size:91.4285714285714%"><a href="#example/open">open</a></span>
           <span style="font-size:91.4285714285714%"><a href="#example/source">source</a></span>
           <span style="font-size:45.7142857142857%"><a href="#example/demo">demo</a></span>
           <span style="font-size:45.7142857142857%"><a href="#example/update">update</a></span>
           </p>
	  </div>
	</div>
          
    <div  class="panel">
	    <div class="panelheader">
    	    <h3>Musica</h3>
            </div>
        <div class="panelContent">
        	<ul id="categories">
            	<li><a href="#/openRico">Se me ocurrio</a> <em>(10)</em></li>
                <li><a href="#/family">Algo puede ir</a> <em>(5)</em></li>
                <li><a href="#/news">Nos falta trabajar en lo visual</a> <em>(2)</em></li>
                </ul>
        </div>
    </div>
				                               
		
    </div>
  </div>
  <!---
    <div id="footer">
        <div id="badges">
          <ul>
            <li><a href="http://validator.w3.org/check?uri=referer"><img src="images/phokus/btn-xhtml.gif" alt="Validate XHTML 1.0"></a></li>
            <li><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.example.com/"><img src="images/phokus/btn-css.gif" alt="Validate CSS"></a></li>
            <li><a href="http://getfirefox.com/"><img src="images/phokus/btn-firefox.gif" alt="Get Firefox"></a></li>
          </ul>
        </div>
        <p><a href="http://www.openRico.org">openRico 2.0 Development</a>&nbsp;<a href="http://phonophunk.com/">Theme by phokus</a></p>
    </div>
</div>
--->
</body>
</html>

